2 files changed, 63 insertions, 0 deletions
diff --git a/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.server.ts b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.server.ts
new file mode 100644
index 00000000..e5683ae6
--- /dev/null
+++ b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.server.ts
@@ -0,0 +1,36 @@
+import getRates from "$lib/rates";
+import { auth, get, post, sats } from "$lib/utils";
+import { error, redirect } from "@sveltejs/kit";
+
+export async function load({ cookies, params, parent }) {
+	const { user } = await parent();
+	const { id } = params;
+	let [amount, currency] = params.amount.split("/");
+	let fiat;
+
+	if (!currency) currency = user?.currency;
+  if (currency) currency = currency.toUpperCase();
+
+	const rates = await getRates();
+	const rate = rates[currency || "USD"];
+	if (currency && !rate) error(500, "Invalid currency symbol");
+
+	if (!amount) {
+		const balance = await get(`/fund/${id}`);
+		amount = balance.amount;
+	} else if (currency) {
+		fiat = amount;
+		amount = Math.round((fiat * sats) / rate);
+	}
+
+	if (!amount) redirect(307, `/fund/${id}`);
+
+	try {
+		await post("/authorize", { amount, currency, fiat, id }, auth(cookies));
+	} catch (e) {
+		console.log("caught", e);
+		redirect(307, `/fund/${id}`);
+	}
+
+	return { amount, currency, id, rate, rates };
+}
diff --git a/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte
new file mode 100644
index 00000000..b94c1ce9
--- /dev/null
+++ b/src/routes/(app)/fund/[id]/authorize/[...amount]/+page.svelte
@@ -0,0 +1,27 @@
+<script>
+  import { onMount } from "svelte";
+  import Amount from "$comp/Amount.svelte";
+  import Success from "$comp/Success.svelte";
+  import { scale } from "svelte/transition";
+  import { toFiat, f, s } from "$lib/utils";
+  import Icon from "$comp/Icon.svelte";
+  import { t } from "$lib/translations";
+  import { loc } from "$lib/utils";
+
+  let { data } = $props();
+
+  let { amount, currency, id, user, rate, rates } = data;
+  let locale = $derived(loc(user));
+</script>
+
+<div class="container px-4 text-center mx-auto">
+  <Success {amount} {rate} {currency} {locale} title="Authorized" />
+</div>
+
+<a href={`/fund/${id}`} aria-label="Continue">
+  <div class="opacity-0 w-screen h-screen fixed top-24 left-0 z-50"></div>
+</a>
+
+<div class="flex justify-center mt-4">
+  {$t("payments.tapAnywhere")}
+</div>